<template>
<div class="table-component">
  <el-table
        :data="tableData"
        border
        stripe
        style="width: 100%"
        v-loading="tableLoading"
      >
        <el-table-column prop="id" label="id" width="200" />
        <el-table-column prop="name" label="角色名" width="200" />
        <el-table-column prop="createdAt" label="创建时间" width="240" />
        <el-table-column label="操作" min-width="220px" fixed="right">
          <template #default="scope">
            <el-button
              v-if="rolePermission.editRolePerm"
              type="success"
              size="small"
              @click.prevent="showAddEditDialog(scope.row, 2)"
              >编辑</el-button
            >
            <el-button
              v-if="rolePermission.removeRolePerm"
              type="danger"
              size="small"
              @click.prevent="showRemoveDialog(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
</div>
</template>
<script  setup lang='ts'>
</script>
<style lang='scss' scoped>
</style>
